<template>
    <div class="inspector-information-table-content" :class="!isMobile?'is-mobile-information-table-content':''">
        <div :class="!isMobile?'is-mobile-box-v-information':''">
            <div style="background: #fff;z-index: 99;padding-top: 10px;">
                <div style="display: flex;flex-direction: column;align-items: center;margin: 10px 0 0 0;">
                    <h2 style="font-size: 32px;">审评专家遴选</h2>
                </div>
                <div :class="windowWidth < 480 ?'inspector-info-step-v':''">
                    <a-steps :current="stepCurrent" type="navigation" size="small">
                        <a-step title="登记信息" />
                        <a-step title="打印盖章" />
                        <a-step title="报名成功" />
                    </a-steps>
                </div>
            </div>
            <!-- <div style="margin-top: 117px;"></div> -->
            <div class="inspector-information-bottom-v">
                <div class="inspector-registration-second-step" v-if="stepNum == 2 && djbData.djb && djbData.djb.fsjcjzt == '填写中'">
                    <div style="display: flex;justify-content: flex-end;margin-right: 10px;">
                        <!-- <a-button style="margin-right: 10px;" class="blue-btn" type="primary" @click="backclick">返回身份认证</a-button> -->
                        <a-button class="blue-btn" v-if="djbData.djb.fsjcjzt == '填写中'" type="primary" @click="refreshTable(importData,1)">刷新登记表</a-button>
                        <a v-if="djbData.djb.fsjcjzt !== '填写中'" @click="exportClick">点击下载登记表</a>
                    </div>
                    <div>
                        <div class="text-xfl-box-v" style="margin: 5px 10px 0 10px;">
                            <h3 class="text-xfl">个人基本信息</h3>
                        </div>
                        <div class="inspector-table-from-d" id="realname">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>姓名</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.realname" @blur="basicBlur('realname',formField.realname)" placeholder="请输入姓名" />
                                <span v-else>{{ formField.realname }}</span>
                            </div>
                            
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'realname'"><span class="tips-text-v">请输入姓名</span></div>
                        <div class="inspector-table-from-d" >
                            <div class="inspector-table-text">
                                <span class="table-text-s"> 性别</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                
                                <span>{{ formField.sex == 1?'男':'女' }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'sex'"><span class="tips-text-v">请选择性别</span></div>
                        <!-- <div class="inspector-table-from-d" id="birthday">
                            <div class="inspector-table-text">
                                
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>出生年月</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-month-picker style="width: 100%;" v-if="djbData.djb.fsjcjzt == '填写中'" v-model:value="formField.birthday" placeholder="请选择出生年月" @change="basicBlur('birthday',formField.birthday,1)" />
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.birthday" @blur="basicBlur('birthday',formField.birthday)" placeholder="请输入出生年月" />
                                <span v-else>{{ formField.birthday }}</span>
                            </div>
                        </div> -->
                        <!-- <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'birthday'"><span class="tips-text-v">请选择出生年月</span></div> -->
                        <div class="inspector-table-from-d" id="fmz">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>民族</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <compSelector
                                    widthPercentile="100%"
                                    v-if="djbData.djb.fsjcjzt == '填写中'"
                                    :key="compSelectorkey"
                                    v-model="formField.fmz"
                                    :defaultValue="formField.fmz"
                                    compType="Select"
                                    :bigFontSize="true"
                                    dictionaryType="民族"
                                    :height="32"
                                    @selectHandleChange="selectHandleChange('fmz',$event)"
                                />
                                <span v-else>{{ formField.fmz }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fmz'"><span class="tips-text-v">请选择民族</span></div>
                        <div class="inspector-table-from-d" id="fzzmm">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>政治面貌</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <compSelector
                                    widthPercentile="100%"
                                    v-if="djbData.djb.fsjcjzt == '填写中'"
                                    :key="compSelectorkey"
                                    v-model="formField.fzzmm"
                                    :defaultValue="formField.fzzmm"
                                    compType="Select"
                                    :bigFontSize="true"
                                    dictionaryType="政治面貌"
                                    :height="32"
                                    @selectHandleChange="selectHandleChange('fzzmm',$event)"
                                />
                                <span v-else>{{ formField.fzzmm }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fzzmm'"><span class="tips-text-v">请选择政治面貌</span></div>
                        <div class="inspector-table-from-d">
                            <div class="inspector-table-text">
                                <span class="inspector-asterisk-v">*</span>
                                <span class="table-text-s">身份证号</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <span>{{ formField.fsfzh }}</span>
                            </div>
                        </div>

                        <div class="inspector-table-from-d" id="fbyyx">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>毕业院校</span>
                                <span>：</span>
                            </div>
                            <!-- 大文本 -->
                            <div class="right-content-v">
                                <a-textarea 
                                v-if="djbData.djb.fsjcjzt == '填写中'" 
                                style="width: 100%;" 
                                v-model:value="formField.fbyyx" 
                                @blur="basicBlur('fbyyx',formField.fbyyx)" 
                                :autosize="{ minRows: 2, maxRows: 10000 }"
                                placeholder="请输入毕业院校" />
                                <span v-else>{{ formField.fbyyx }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fbyyx'"><span class="tips-text-v">请输入毕业院校</span></div>
                        
                        <div class="inspector-table-from-d" id="fsxzy">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>所学专业</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.fsxzy" @blur="basicBlur('fsxzy',formField.fsxzy)" placeholder="请输入所学专业" />
                                <span v-else>{{ formField.fsxzy }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fsxzy'"><span class="tips-text-v">请输入所学专业</span></div>
                        
                        <div class="inspector-table-from-d" id="fxl">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>学历</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <compSelector
                                    widthPercentile="100%"
                                    v-if="djbData.djb.fsjcjzt == '填写中'"
                                    :key="compSelectorkey"
                                    v-model="formField.fxl"
                                    :defaultValue="formField.fxl"
                                    compType="Select"
                                    :bigFontSize="true"
                                    dictionaryType="学历代码"
                                    :height="32"
                                    @selectHandleChange="selectHandleChange('fxl',$event)"
                                />
                                <span v-else>{{ formField.fxl }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fxl'"><span class="tips-text-v">请选择学历</span></div>
                        
                        <div class="inspector-table-from-d" id="fxw">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>学位</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <compSelector
                                    widthPercentile="100%"
                                    v-if="djbData.djb.fsjcjzt == '填写中'"
                                    :key="compSelectorkey"
                                    v-model="formField.fxw"
                                    :defaultValue="formField.fxw"
                                    compType="Select"
                                    :bigFontSize="true"
                                    dictionaryType="学位代码"
                                    :height="32"
                                    @selectHandleChange="selectHandleChange('fxw',$event)"
                                />
                                <span v-else>{{ formField.fxw }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fxw'"><span class="tips-text-v">请选择学位</span></div>
                        <div class="inspector-table-from-d" id="fgzdw">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>工作单位</span>
                                <span>：</span>
                            </div>
                            <!-- 大文本 -->
                            <div class="right-content-v">
                                <vxe-pulldown
                                style="width: 100%;" 
                                v-if="djbData.djb.fsjcjzt == '填写中'" 
                                ref="fgzdwPulldownRef" destroy-on-close>
                                    <template #default>
                                        <a-input 
                                        style="width: 100%;"
                                        v-model="formField.fgzdw" 
                                        placeholder="请选择或输入与公章一致的工作单位全称" 
                                        @focus="fgzdwfocusEvent" 
                                        @keyup="fgzdwkeyupEvent" 
                                        @input="fgzdwInput"
                                        @blur="basicBlur('fgzdw',formField.fgzdw)" 
                                        ></a-input>
                                    </template>
                                    <template #dropdown>
                                        <vxe-list height="200" class="my-dropdown2" :data="gzdwList" auto-resize v-if="gzdwList.length">
                                            <template #default="{ items }">
                                                <div class="list-item2" v-for="item in items" :key="item.fdwqc" @click="fgzdwselectEvent(item)">
                                                <span>{{ item.fdwqc }}</span>
                                                </div>
                                            </template>
                                        </vxe-list>
                                    </template>
                                </vxe-pulldown>
                                <span v-else>{{ formField.fgzdw }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fgzdw'"><span class="tips-text-v">请选择或输入与公章一致的工作单位全称</span></div>
                        
                        <div class="inspector-table-from-d" id="fgzdwdz">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>单位地址</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-textarea
                                v-if="djbData.djb.fsjcjzt == '填写中'" 
                                style="width: 100%;" 
                                v-model:value="formField.fgzdwdz" 
                                :autosize="{ minRows: 2, maxRows: 10000 }"
                                @blur="basicBlur('fgzdwdz',formField.fgzdwdz)" 
                                placeholder="请输入单位地址" />
                                <span v-else>{{ formField.fgzdwdz }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fgzdwdz'"><span class="tips-text-v">请输入单位地址</span></div>
                                
                        <div class="inspector-table-from-d" id="fgzdwbm">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>所在部门</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" 
                                style="width: 100%;" v-model:value="formField.fgzdwbm" @blur="basicBlur('fgzdwbm',formField.fgzdwbm)" 
                                placeholder="请输入所在部门" />
                                <span v-else>{{ formField.fgzdwbm }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fgzdwbm'"><span class="tips-text-v">请输入所在部门</span></div>
                        
                        <div class="inspector-table-from-d" id="fdwlx">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>单位类别</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <!-- <compSelector
                                    widthPercentile="100%"
                                    v-if="djbData.djb.fsjcjzt == '填写中'"
                                    :key="compSelectorkey"
                                    v-model="formField.fdwlx"
                                    :defaultValue="formField.fdwlx"
                                    compType="Select"
                                    :bigFontSize="true"
                                    dictionaryType="单位类型"
                                    :height="32"
                                    @selectHandleChange="selectHandleChange('fdwlx',$event)"
                                /> -->
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" 
                                style="width: 100%;" v-model:value="formField.fdwlx" @blur="basicBlur('fdwlx',formField.fdwlx)" 
                                placeholder="请输入所在地市" />
                                <span v-else>{{ formField.fdwlx }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fdwlx'"><span class="tips-text-v">请选择单位类别</span></div>

                        <div class="inspector-table-from-d" id="fssqy">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>所在地市</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" 
                                style="width: 100%;" v-model:value="formField.fssqy" @blur="basicBlur('fssqy',formField.fssqy)" 
                                placeholder="请输入所在地市" />
                                <!-- <compSelector
                                    widthPercentile="100%"
                                    v-if="djbData.djb.fsjcjzt == '填写中'"
                                    :key="compSelectorkey"
                                    v-model="formField.fssqy"
                                    :defaultValue="formField.fssqy"
                                    compType="Select"
                                    :bigFontSize="true"
                                    dictionaryType="观察员所属地市"
                                    :height="32"
                                    @selectHandleChange="selectHandleChange('fssqy',$event)"
                                /> -->
                                <span v-else>{{ formField.fssqy }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fssqy'"><span class="tips-text-v">请选择所在地市</span></div>
                        
                        <div class="inspector-table-from-d" id="fsfyjsry">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>是否检验机构</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-radio-group
                                name="radioGroup5" 
                                v-model="formField.fsfyjsry" 
                                v-if="djbData.djb.fsjcjzt == '填写中'" @change="basicBlur('fsfyjsry',formField.fsfyjsry)">
                                    <a-radio value="否">否</a-radio>
                                    <a-radio value="是">是</a-radio>
                                </a-radio-group>
                                <span v-else>{{ formField.fsfyjsry }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fsfyjsry'"><span class="tips-text-v">请选择是否检验机构</span></div>
                        
                        <div class="inspector-table-from-d" id="fzcxl">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>职称系列</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" 
                                style="width: calc(100% - 55px);" v-model:value="formField.fzcxl" @blur="basicBlur('fzcxl',formField.fzcxl)" 
                                placeholder="请输入职称系列" />
                                <a-button style="margin-left: 5px;" v-if="djbData.djb.fsjcjzt == '填写中'" class="blue-btn" type="primary" @click="titleSeriesClick">选择</a-button>
                                <span v-else>{{ formField.fzcxl }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fzcxl'"><span class="tips-text-v">请选择职称系列</span></div>
                        <div class="inspector-table-from-d" id="fzyjszg">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>专业技术资格</span>
                                <span>：</span>
                            </div>
                            <!-- 大文本 -->
                            <div class="right-content-v">
                                <vxe-pulldown
                                style="width: 100%;" 
                                v-if="djbData.djb.fsjcjzt == '填写中'" 
                                ref="fzyjszgPulldownRef" destroy-on-close>
                                    <template #default>
                                        <a-input 
                                        style="width: 100%;"
                                        v-model="formField.fzyjszg" 
                                        placeholder="请选择或输入专业技术资格" 
                                        @focus="fzyjszgfocusEvent" 
                                        @keyup="fzyjszgkeyupEvent" 
                                        @input="fzyjszgInput"
                                        @blur="basicBlur('fzyjszg',formField.fzyjszg)" 
                                        ></a-input>
                                    </template>
                                    <template #dropdown>
                                        <vxe-list height="200" class="my-dropdown2" :data="jszgList" auto-resize v-if="jszgList.length">
                                            <template #default="{ items }">
                                                <div class="list-item2" v-for="item in items" :key="item.title" @click="jszgselectEvent(item)">
                                                <span>{{ item.title }}</span>
                                                </div>
                                            </template>
                                        </vxe-list>
                                    </template>
                                </vxe-pulldown>
                                <span v-else>{{ formField.fgzdw }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fgzdw'"><span class="tips-text-v">请选择或输入专业技术资格</span></div>
                        
                        <div class="inspector-table-from-d" id="fzc">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>级别</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <compSelector
                                    widthPercentile="100%"
                                    v-if="djbData.djb.fsjcjzt == '填写中'"
                                    :key="compSelectorkey"
                                    v-model="formField.fzc"
                                    :defaultValue="formField.fzc"
                                    compType="Select"
                                    :bigFontSize="true"
                                    dictionaryType="职称"
                                    :height="32"
                                    @selectHandleChange="selectHandleChange('fzc',$event)"
                                />
                                <!-- <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.fzc" @blur="basicBlur('fzc',formField.fzc)" placeholder="请输入职称务" /> -->
                                <span v-else>{{ formField.fzc }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fzc'"><span class="tips-text-v">请选择级别</span></div>
                        <div class="inspector-table-from-d" id="fzchqsj">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>获得时间</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-date-picker
                                style="width: 100%;" 
                                v-if="djbData.djb.fsjcjzt == '填写中'" 
                                v-model:value="formField.fzchqsj" 
                                placeholder="请选择获得时间" 
                                @change="basicBlur('fzchqsj',formField.fzchqsj,'YYYY-MM-DD')" />
                                
                                <span v-else>{{ item.fzchqsj?moment(item.fzchqsj).format('YYYY-MM-DD'):'' }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fzchqsj'"><span class="tips-text-v">请选择获得时间</span></div>
                        <div class="inspector-table-from-d" id="fzw">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>职务</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.fzw" @blur="basicBlur('fzw',formField.fzw)" placeholder="请输入职务" />
                                <span v-else>{{ formField.fzw }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fzw'"><span class="tips-text-v">请输入职务</span></div>
                        
                        <div class="inspector-table-from-d" id="fcsgz">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>现从事或分管工作</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.fcsgz" @blur="basicBlur('fcsgz',formField.fcsgz)" placeholder="请输入现从事或分管工作" />
                                <span v-else>{{ formField.fcsgz }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fcsgz'"><span class="tips-text-v">请输入现从事或分管工作</span></div>
                        
                        <!-- <div class="inspector-table-from-d" id="fgznx">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>从事技术审评工作年限</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                
                                <a-input
                                v-if="djbData.djb.fsjcjzt == '填写中'" 
                                style="width: 100%;" 
                                v-model:value="formField.fgznx" 
                                @blur="basicBlur('fgznx',formField.fgznx)" 
                                placeholder="请输入从事技术审评工作年限" />
                                <span v-else>{{ formField.fgznx }}</span>
                            </div>
                        </div> -->
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fgznx'"><span class="tips-text-v">请输入从事技术审评工作年限</span></div>
                        <div class="inspector-table-from-d" id="fcsjckssj">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>开始从事相关工作时间</span>
                                <span>：</span>
                            </div>
                            <div class="right-content-v">
                                <a-month-picker
                                style="width: 100%;" 
                                v-if="djbData.djb.fsjcjzt == '填写中'" 
                                v-model:value="formField.fcsjckssj" 
                                placeholder="请选择开始从事相关工作时间" 
                                @change="basicBlur('fcsjckssj',formField.fcsjckssj,'YYYY-MM')" />
                                <span v-else>{{ item.fcsjckssj?moment(item.fcsjckssj).format('YYYY-MM'):'' }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fcsjckssj'"><span class="tips-text-v">请输入开始从事相关工作时间</span></div>
                        <!-- 头像 -->
                        <div class="inspector-table-from-d" id="photoLink">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>证件照</span>
                                <span>：</span>
                            </div>
                            <div>
                                <div style="color: #f5222d;">
                                    建议：一寸照（295px*413px）
                                    <br/>
                                    注：后缀为png、jpg、JPG和jpeg
                                </div>
                                <div style="display: flex;align-items: center;flex-wrap: wrap;" :key="imgBoxKey">
                                    
                                    <div style="border: 1px solid #e4e3e3;margin-right: 10px;">
                                        <img :key="imgBoxKey" v-if="formField.photoLink && imgBoxData" :style="{width: !isMobile?500-255+'px':windowWidth - 255 +'px'}" :src="formField.photoLink+'&'+Date.now()" mode="scaleToFill"/>
                                    </div>
                                    <a-upload
                                        style="width: auto;"
                                        name="avatar"
                                        :show-upload-list="false"
                                        :action="actionApi"
                                        :before-upload="headBeforeUpload"
                                        @change="headHandleChange"
                                    >
                                        <a-button> <a-icon type="upload" /> 上传 </a-button>
                                    </a-upload>
                                    
                                </div>
                            </div>
                            
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'photoLink'"><span class="tips-text-v">请上传证件照</span></div>
                        <!-- 签名 -->
                        <div class="inspector-table-from-d" id="signLink" :key="imgBoxKey">
                            <div class="inspector-table-text">
                                <span class="table-text-s"><span class="inspector-asterisk-v">*</span>签名</span>
                                <span>：</span>
                            </div>
                            <div>
                                
                                <div style="display: flex;align-items: center;flex-wrap: wrap;">
                                    <div style="border: 1px solid #e4e3e3;margin-right: 10px;">
                                        <img v-if="formField.signLink && imgBoxData" :src="formField.signLink+'&'+Date.now()" mode="scaleToFill"/>
                                    </div>
                                    <a-upload
                                        style="width: auto;"
                                        name="avatar"
                                        :show-upload-list="false"
                                        :action="actionApi"
                                        :before-upload="signBeforeUpload"
                                        @change="signHandleChange"
                                    >
                                        <a-button> <a-icon type="upload" /> 上传 </a-button>
                                    </a-upload>
                                </div>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'signLink'"><span class="tips-text-v">请上签名</span></div>
                        <!-- <div style="border-bottom: 5px solid #f6f6f6;margin: 8px 0;"></div> -->
                        <div class="itable-large-area">
                            <div class="text-xfl-box-v">
                                <h3 class="text-xfl">联系方式</h3>
                            </div>
                            <div class="itable-content-v">
                                <div class="inspector-table-from-d" id="phone">
                                    <!-- 需要校验 -->
                                    <div class="inspector-table-text">
                                        <span class="table-text-s"><span class="inspector-asterisk-v">*</span>手机</span>
                                        <span>：</span>
                                    </div>
                                    <div class="right-content-v">
                                        <!-- <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.phone" @blur="basicBlur('phone',formField.phone)" placeholder="请输入手机" /> -->
                                        <span>{{ formField.phone }}</span>
                                    </div>
                                </div>
                                <div class="inspector-table-from-d">
                                    <div class="inspector-table-text">
                                        <span class="table-text-s">传真号码</span>
                                        <span>：</span>
                                    </div>
                                    <div class="right-content-v">
                                        <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.fcz" @blur="basicBlur('fcz',formField.fcz)" placeholder="请输入传真号码" />
                                        <span v-else>{{ formField.fcz }}</span>
                                    </div>
                                </div>
                                <div class="inspector-table-from-d" id="userQq">
                                    <div class="inspector-table-text">
                                        <span class="table-text-s"><span class="inspector-asterisk-v">*</span>QQ号</span>
                                        <span>：</span>
                                    </div>
                                    <div class="right-content-v">
                                        <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.userQq" @blur="basicBlur('userQq',formField.userQq)" placeholder="请输入QQ号" />
                                        <span v-else>{{ formField.userQq }}</span>
                                    </div>
                                </div>
                                <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'userQq'"><span class="tips-text-v">请输入QQ号</span></div>
                                <a-button style="margin: 5px;margin-left: 111px;" v-if="djbData.djb.fsjcjzt == '填写中'" class="blue-btn" type="primary" @click="()=>{basicBlur('email',formField.userQq+'@qq.com')}">使用QQ邮箱</a-button>
                                <div class="inspector-table-from-d" id="email">
                                    <div class="inspector-table-text">
                                        <span class="table-text-s"><span class="inspector-asterisk-v">*</span>E-MAIL</span>
                                        <span>：</span>
                                    </div>
                                    <div class="right-content-v email-suffix-v">
                                        <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="formField.email" @blur="basicBlur('email',formField.email)" placeholder="请输入E-MAIL" />
                                        <!-- <span>@</span>
                                        <a-select v-if="djbData.djb.fsjcjzt == '填写中'" v-model:value="emailSuffix">
                                            <a-select-option v-for="(item,index) in eSuffixList" :key="index" :value="item">{{ item }}</a-select-option>
                                        </a-select>
                                        <span v-else>{{ formField.email }}</span> -->
                                    </div>
                                </div>
                                <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'email'"><span class="tips-text-v">请输入E-MAIL</span></div>
                            </div>
                        </div>
                        <!-- <div style="border-bottom: 5px solid #f6f6f6;margin: 8px 0;"></div> -->
                        <div class="itable-large-area" id="lbId">
                            <div class="text-xfl-box-v">
                                <h3 class="text-xfl">
                                    <span class="inspector-asterisk-v">*</span>专家分类
                                    <br/>
                                    <div class="tips-flex" style="padding-left: 10px;" :key='currentIdKey' v-if="currentId == 'lbId'"><span class="tips-text-v">请选择专家分类</span></div>
                                </h3>
                            </div>
                            
                            <div class="itable-content-v" :key="lbListKey">
                                <!-- @change="onChange" -->
                                <!-- <a-checkbox-group v-model="lbValue"> -->
                                    <div v-for="(item,index) in djbData.lbList" :key="index">
                                        <!-- <a-checkbox :value="item.lb.id" @click="onLbChange(item)"> -->
                                            <a-checkbox class="lb-list-checkbox" :checked="item.fxzzt" @change="onLbChange({...item,index:index})" :disabled="!(djbData.djb.fsjcjzt == '填写中')">
                                                <div>
                                                    {{ item.lb.fjcylb }}
                                                    <!-- （<a-input :id="'fcjcsInput'+index" :disabled="djbData.djb.fsjcjzt !== '填写中'?true:!item.fxzzt" @blur="fcjcsBlur(item.lb.id,item.fcjcs)" style="width: 80px;" placeholder="输入次数" v-model:value="item.fcjcs"/>）次 -->
                                                </div>
                                            </a-checkbox>
                                            <!-- <div style="margin: 5px 28px;" v-if="item.typeList" class="lb-type-list-v">
                                                <a-checkbox-group :defaultValue="item.lb.fjctz?item.lb.fjctz.split(','):[]" :disabled="djbData.djb.fsjcjzt !== '填写中'?true:!item.fxzzt" @change="onTcChange(item.lb.id,$event)">
                                                    <h3>特长：</h3>
                                                    <div v-for="(trem,tIndex) in item.typeList.split(',')" :key="index" >
                                                        <a-checkbox :value="trem" >{{ trem }}</a-checkbox>
                                                    </div>
                                                </a-checkbox-group>
                                            </div> -->
                                        <!-- </a-checkbox> -->
                                    </div>
                                <!-- </a-checkbox-group> -->
                            </div>
                        </div>
                        <!-- <div style="border-bottom: 5px solid #f6f6f6;margin: 8px 0;"></div> -->
                        <div class="itable-large-area" id="jobResId">
                            <div class="text-xfl-box-v">
                                <h3 class="text-xfl"><span class="inspector-asterisk-v">*</span>
                                    工作经历
                                    <div class="tips-flex" style="padding-left: 10px;" :key='currentIdKey' v-if="currentId == 'jobResId'"><span class="tips-text-v">请填写工作经历</span></div>
                                </h3>
                            </div>
                            <div class="itable-content-v" :key="jobResumeListKey">
                                <div v-for="(item,index) in jobResumeList" :key="index">
                                    <div>{{index+1}}、<a-button v-if="item.id&&djbData.djb.fsjcjzt == '填写中'" class="red-btn" size="small" type="primary" @click="deleteJobResume(item)">删除</a-button></div>
                                    <div>
                                        <!-- 工作经历：
                                        工作开始时间 fgzkssj
                                        工作结束时间 fgzjssj
                                        单位名称 fgzdw
                                        工作岗位 fcsgz
                                        职务 fzw -->
                                        <div class="inspector-table-from-d">
                                            <div class="inspector-table-text">
                                                <span class="table-text-s">开始时间</span>
                                                <span>：</span>
                                            </div>
                                            <div class="right-content-v">
                                                <a-month-picker :name="'i'+index" style="width: 100%;" v-if="djbData.djb.fsjcjzt == '填写中'" v-model:value="item.fgzkssj" placeholder="请选择开始时间" @change="(a,b)=>{obResumeBlur('fgzkssj',item,b)}" />
                                                <!-- <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="item.fgzkssj" @blur="obResumeBlur('fgzkssj',item,1)" placeholder="请输入开始时间" /> -->
                                                <span v-else>{{ item.fgzkssj?moment(item.fgzkssj).format('YYYY-MM'):'' }}</span>
                                            </div>
                                        </div>
                                        <div class="inspector-table-from-d">
                                            <div class="inspector-table-text">
                                                <span class="table-text-s">结束时间</span>
                                                <span>：</span>
                                            </div>
                                            <div class="right-content-v">
                                                <div style="display: flex;" v-if="djbData.djb.fsjcjzt == '填写中'">
                                                    <a-month-picker :name="'a'+index" style="width: 100%;" v-if="item.fgzjssj !== '至今'" v-model:value="item.fgzjssj"  placeholder="请选择结束时间" @change="(a,b)=>{obResumeBlur('fgzjssj',item,b)}" />
                                                    <span style="flex: 1;" v-if="item.fgzjssj == '至今'">至今</span>
                                                    <a-button v-if="item.fgzjssj == '至今' " class="blue-btn" type="primary" @click="fgzjssjClick('',item,index)">时间</a-button>
                                                    <a-button v-if="item.fgzjssj !== '至今'" class="blue-btn" type="primary" @click="fgzjssjClick('至今',item,index)">至今</a-button>
                                                </div>
                                                
                                                <!-- <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="item.fgzjssj" @blur="obResumeBlur('fgzjssj',item,1)" placeholder="请输入结束时间" /> -->
                                                <span v-else>{{  item.fgzjssj?moment(item.fgzjssj).format('YYYY-MM'):'' }}</span>
                                            </div>
                                        </div>
                                        <div class="inspector-table-from-d">
                                            <div class="inspector-table-text">
                                                <span class="table-text-s">单位名称</span>
                                                <span>：</span>
                                            </div>
                                            <div class="right-content-v">
                                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="item.fgzdw" @blur="obResumeBlur('fgzdw',item)" placeholder="请输入单位名称" />
                                                <span v-else>{{ item.fgzdw }}</span>
                                            </div>
                                        </div>
                                        <div class="inspector-table-from-d">
                                            <div class="inspector-table-text">
                                                <span class="table-text-s">工作岗位</span>
                                                <span>：</span>
                                            </div>
                                            <div class="right-content-v">
                                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="item.fcsgz" @blur="obResumeBlur('fcsgz',item)" placeholder="请输入工作岗位" />
                                                <span v-else>{{ item.fcsgz }}</span>
                                            </div>
                                        </div>
                                        <div class="inspector-table-from-d">
                                            <div class="inspector-table-text">
                                                <span class="table-text-s">职务</span>
                                                <span>：</span>
                                            </div>
                                            <div class="right-content-v">
                                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="item.fzw" @blur="obResumeBlur('fzw',item)" placeholder="请输入职务" />
                                                <span v-else>{{ item.fzw }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="display: flex;justify-content: center;" v-if="djbData.djb.fsjcjzt == '填写中'">
                                    <a-button class="blue-btn" type="primary" @click="addWorkExpeClick">添加工作经历</a-button>
                                </div>
                            </div>
                        </div>
                        <!-- <div style="border-bottom: 5px solid #f6f6f6;margin: 8px 0;"></div> -->
                        <div class="itable-large-area">
                            <div class="text-xfl-box-v">
                                <h3 class="text-xfl">曾发表过技术审评相关文章</h3>
                            </div>
                            <div class="itable-content-v">
                                <div v-for="(item,index) in publishList" :key="index">
                                    <div>{{index+1}}、<a-button v-if="item.id&&djbData.djb.fsjcjzt == '填写中'" class="red-btn" size="small" type="primary" @click="deletePublish(item)">删除</a-button></div>
                                    <div>
                                        <!-- 发表文章：
                                        发表时间 ffbsj
                                        期刊名称 fqkmc
                                        文章名称及文章所在页码 fwzmc -->
                                        <div class="inspector-table-from-d">
                                            <div class="inspector-table-text">
                                                <span class="table-text-s">发表时间</span>
                                                <span>：</span>
                                            </div>
                                            <div class="right-content-v">
                                                <a-month-picker :name="'i'+index" style="width: 100%;" v-if="djbData.djb.fsjcjzt == '填写中'" v-model:value="item.ffbsj" placeholder="请选择发表时间" @change="(a,b)=>{publishBlur('ffbsj',item,b)}" />
                                                <!-- <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="item.ffbsj" @blur="publishBlur('ffbsj',item)" placeholder="请输入E-MAIL" /> -->
                                                <span v-else>{{moment(item.ffbsj).format('YYYY-MM')}}</span>
                                            </div>
                                        </div>
                                        <div class="inspector-table-from-d">
                                            <div class="inspector-table-text">
                                                <span class="table-text-s">期刊名称</span>
                                                <span>：</span>
                                            </div>
                                            <div class="right-content-v">
                                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="item.fqkmc" @blur="publishBlur('fqkmc',item)" placeholder="请输入期刊名称" />
                                                <span v-else>{{ item.fqkmc }}</span>
                                            </div>
                                        </div>
                                        <div class="inspector-table-from-d">
                                            <div class="inspector-table-text">
                                                <span class="table-text-s">文章名称及文章所在页码</span>
                                                <span>：</span>
                                            </div>
                                            <div class="right-content-v">
                                                <a-input v-if="djbData.djb.fsjcjzt == '填写中'" style="width: 100%;" v-model:value="item.fwzmc" @blur="publishBlur('fwzmc',item)" placeholder="请输入文章名称及文章所在页码" />
                                                <span v-else>{{ item.fwzmc }}</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div style="display: flex;justify-content: center;" v-if="djbData.djb.fsjcjzt == '填写中'">
                                    <a-button class="blue-btn" type="primary" @click="addPublishBlurClick">添加发表相关文章</a-button>
                                </div>
                            </div>
                        </div>
                        <!-- <div style="border-bottom: 5px solid #f6f6f6;margin: 8px 0;"></div> -->
                        <div class="itable-large-area" id="fdwyj">
                            <div class="text-xfl-box-v">
                                <h3 class="text-xfl"><span class="inspector-asterisk-v">*</span>单位意见</h3>
                            </div>
                            <div class="itable-content-v">
                                <!-- 审评员登记表单位意见 -->
                                <compSelector
                                    v-if="djbData.djb.fsjcjzt == '填写中'"
                                    :key="compSelectorkey"
                                    v-model="formField.fdwyj"
                                    :defaultValue="formField.fdwyj"
                                    compType="Radio"
                                    :bigFontSize="true"
                                    dictionaryType="检查员登记表单位意见"
                                    :height="32"
                                    @selectHandleChange="selectHandleChange('fdwyj',$event)"
                                />
                                <span v-else>{{ formField.fdwyj }}</span>
                            </div>
                        </div>
                        <div class="tips-flex" :key='currentIdKey' v-if="currentId == 'fdwyj'"><span class="tips-text-v">请选择单位意见</span></div>
                    </div>
                    <div style="display: flex;justify-content: center;">
                        <a-button v-if="djbData.djb.fsjcjzt == '填写中'" class="blue-btn" type="primary" @click="submitTo(0)">下一步</a-button>
                    </div>
                </div>
                <div v-if="stepNum == 2 && djbData.djb && djbData.djb.fsjcjzt == '已提交'" style="margin: 10px;margin-top: 30px;">
                    <div style="display: flex;justify-content: center;margin:10px 0"><a-button size="large" class="blue-btn" type="primary" icon="download" @click="exportClick">下载打印登记表</a-button></div>
                    <br/>
                    <h3 style="color: #f5222d;">请上传盖章后的登记表（png、jpg、jpeg或pdf）</h3>
                    <div 
                    style="display: flex;
                    justify-content: center;
                    margin:10px 0">
                        <a-upload
                            :show-upload-list="false"
                            :before-upload="$event=>{return false}"
                            @change="uploadClick"
                        >
                            <a-button size="large" class="blue-btn" type="primary" icon="upload"> 上传盖章后的登记表 </a-button>
                        </a-upload>
                    </div>
                    <div v-if="djbData.djb.fcfgzwj" style="display: flex;
                    justify-content: center;
                    margin:5px 0">
                        <a href="#"  @click="exportGzhClick">盖章后的登记表</a>
                    </div>
                    <br/>
                    <!-- <h3>请下载登记表，打印纸质版盖公章后由单位统一上报</h3> -->
                    <br/>
                    <h3>（若无法正常下载，请复制网址: <a :href="'https://bg.yjj.gxzf.gov.cn/t_spcyjcy-svc/api/spzx-spcy/jcylxdjcj/replateFile?id='+djbData.djb.id+'&flxjhid='+importData.flxjhid">{{'https://bg.yjj.gxzf.gov.cn/t_spcyjcy-svc/api/spzx-spcy/jcylxdjcj/replateFile?id='+djbData.djb.id+'&flxjhid='+importData.flxjhid}}</a><a-button class="blue-btn" type="primary" @click="()=>{
                        $copyText('https://bg.yjj.gxzf.gov.cn/t_spcyjcy-svc/api/spzx-spcy/jcylxdjcj/replateFile?id='+djbData.djb.id+'&flxjhid='+importData.flxjhid)
                        .then(() => {
                            $message.success('复制成功')
                        })
                        .catch(() => {
                            $message.warning('复制失败！');
                        });
                    }">复制网址</a-button>至电脑浏览器下载打印）</h3>
                    <br/>
                    <div style="display: flex;justify-content: center;margin-top: 20px;">
                        <a-button style="margin-right:10px" class="blue-btn" icon="rollback" type="primary" @click="WithdrawalDeclaration">撤回重新填写</a-button>
                        <!-- <a-button class="green-btn" type="primary" icon="arrow-right" @click="goSignIn">去培训签到或培训考试</a-button> -->
                    </div>
                    <div style="display: flex;justify-content: center;margin-top: 20px;margin-bottom: 30px;">
                        <a-button style="margin-right:10px" class="blue-btn" icon="check-circle" type="primary" @click="submitTo(1)">提交</a-button>
                    </div>
                </div>
                <div v-if="stepNum == 2 && djbData.djb && djbData.djb.fsjcjzt == '已完成'" style="margin: 10px;margin-top: 30px;">
                    <a-result
                        status="success"
                        title="报名成功"
                        sub-title=""
                    >
                    </a-result>
                    <div style="display: flex;justify-content: center;margin-top: 20px;">
                        <a-button style="margin-right:10px" class="blue-btn" icon="rollback" type="primary" @click="WithdrawalDeclaration">撤回重新填写</a-button>
                        <a-button class="green-btn" type="primary" icon="arrow-right" @click="goSignIn">去培训签到或培训考试</a-button>
                    </div>
                </div>
            </div>
            <titleSeries ref="titleSeriesRef" @selectIntact="selectIntact"/>
        </div>
    </div>
</template>
<script>
import {
    spcyJcydjbQueryDjbById,
    spcyJcydjbUpdateJcydjb,
    spcyJcydjbUpdateLb,
    spcyJcydjbaddDjgzjl,
    spcyJcydjbupdateGzjl,
    spcyJcydjbdeleteGzjl,
    spcyJcydjbaddDjwz,
    spcyJcydjbupdateWz,
    spcyJcydjbdeleteWz,
    spcyJcydjbsubmitJcydjb,
    spcyJcydjbupdateSjcjzt,
    spcyJcydjbreplateFile,
    jcylxdjcjdwList,
    jcylxdjcjjszcList,
    jcylxdjcjuploadMyPhoto,
    jcylxdjcjgetUserSignPhotoLink,
    jcylxdjcjuploadMyQm,
    jcylxdjcjuploadtjbgzFile,
    jcylxdjcjdownloadTjbGzFile,
} from './service/index'
import compSelector from '@/components/compSelector/compSelector.vue'
import moment from 'moment'
import YchConstant from "@/api/YchConstant";
import validator from '@/common/validator'
import blobType from '@/common/blobType'
import titleSeries from './titleSeries.vue'
export default {
    components:{
        compSelector,
        titleSeries,
    },
    props:{

    },
    
    data(){
        return{
            actionApi:'',
            YchConstant:YchConstant,
            windowWidth: window.innerWidth,
            emailSuffix:'qq.com',
            eSuffixList:['qq.com','163.com','126.com','gmail.com','sina.com','hotmail.com','icloud.com'],
            firstStepData:{
                fsfzh:'',
                code:'',
                phone:'',
            },
            YchConstant:YchConstant,
            moment:moment,
            form: this.$form.createForm(this, { name: 'fromName' }),
            rules:{
                fsfzh: [{
                    required: true,
                    message: '请输入身份证号',
                    // trigger: 'blur',
                },{
                    pattern: validator.isIdCard.reg,
                    message: '请输入正确的身份证号',
                    // trigger: 'blur',
                }],
                phone: [{
                    required: true,
                    message: '请输入手机号码',
                    // trigger: 'blur',
                },{
                    pattern: validator.isPhone.reg,
                    message: '请输入正确的手机号码',
                    // trigger: 'blur',
                }],
                code: [{
                    required: true,
                    message: '请输入验证码',
                    // trigger: 'blur',
                }]
            },
            fsfzh:'',
            djbData:{},
            stepNum:this.$route.query.stepNum,
            djbId:this.$route.query.djbId,
            compSelectorkey:null,
            formField:{},
            lbValue:[],
            jobResumeList:[{
                fgzkssj:'',
                fgzjssj:'',
                fgzdw:'',
                fcsgz:'',
                fzw:'',
            }],
            publishList:[{
                ffbsj:'',
                fqkmc:'',
                fwzmc:'',
            }],
            isCard:false,
            isCode:false,
            codeText:'获取验证码',
            totalSeconds:null,//总秒数
            hour:0,
            minute:0,
            second:0,
            timer: '',
            isGetCode:false,
            stepCurrent:0,
            lbListKey:null,
            jobResumeListKey:null,
            validateArr:[],
            validateIdData:[
            'realname','fmz','fzzmm','fbyyx','fsxzy','fxl','fxw','fgzdw','fgzdwdz',
            'fgzdwbm','fdwlx','fssqy','fsfyjsry','fzcxl','fzyjszg','fzc','fzchqsj',
            'fzw','fcsgz','fcsjckssj','photoLink','signLink','phone','userQq','email'
            ],//,'lbId','jobResId','fdwyj'
            currentId:'',
            currentIdKey:null,
            importData:{
                id:'',
                flxjhid:'',
            },
            gzdwList:[],
            showPull: false,
            dropdown1Key:null,
            jszgList:[],
            headImageUrl:'',
            headLoading:false,
            isUploadHead:false,
            imgBoxKey:null,
            imgBoxData:false,
            isMobile:false,
        }
    },
    watch:{

    },
    mounted(){
        if(this.$route.query.stepNum){
            this.refreshTable({id:this.$route.query.id,flxjhid:this.$route.query.flxjhid})
            this.importData.id = this.$route.query.id
            this.importData.flxjhid = this.$route.query.flxjhid
        }else{
            this.stepCurrent = 0
        }
        window.addEventListener('resize', this.handleResize);
        this.getGzdw()
    },
    computed:{
        hourString () {
            return this.formatNum(this.hour)
        },
        minuteString () {
            return this.formatNum(this.minute)
        },
        secondString () {
            return this.formatNum(this.second)
        }
    },
    methods:{
        //头像
        headBeforeUpload(file){
            //console.log(file)
            return false;
            
        },
        headHandleChange({file}){
            //console.log(file)
            if(!(file.name.indexOf('.png') !== -1 || file.name.indexOf('.jpg') !== -1 || file.name.indexOf('.jpeg') !== -1 || file.name.indexOf('.JPG') !== -1)){
                this.$message.warning('请上传图片（.png、.jpg、.JPG和.jpeg）')
                return false
            }
            let that = this
            let imgSizeData = {}
            const reader = new FileReader();
            reader.readAsDataURL(file);
            reader.onload = (event) => {
                const img = new Image();
                img.src = event.target.result;
                img.onload = () => {
                    // 在这里获取图片的宽度和高度
                    imgSizeData.width = img.width;
                    imgSizeData.height = img.height;
                    //console.log(imgSizeData)
                    //console.log(315>imgSizeData.width>275)
                    //console.log(315>imgSizeData.width)
                    //console.log(imgSizeData.width>275)
                    //console.log(433>imgSizeData.height>393)
                    if((315>imgSizeData.width || imgSizeData.width>275)  && (433>imgSizeData.height || imgSizeData.height>393)){
                        const fileData = new FormData();
                        fileData.append("file",file);
                        fileData.append("id",that.formField.id);
                        jcylxdjcjuploadMyPhoto(fileData).then(res=>{
                            if(res.code !== 200){
                                that.$message.warning('请上传图片（.png、.jpg、.JPG和.jpeg）或者联系管理员!')
                            }else{
                                that.isUploadHead = false
                                
                                that.$message.success('上传成功')
                                that.imgBoxData = false
                                this.formField.photoLink = ''
                                this.formField.jcyZjLink = ''
                                this.formField.signLink = ''
                                setTimeout(() => {
                                    that.refreshTable(that.importData)
                                }, 200)
                                
                            }
                        })
                    }else{
                        that.$message.warning('请上传一寸照（建议：295px*413px）大小的图片')
                    }
                    // 你可以在这里进行自定义操作，例如验证图片尺寸或限制文件类型等。
                };
            };
           
        },
        //签名
        signBeforeUpload(){
            return false;
        },
        signHandleChange({file}){
            let that = this
            //console.log(file)
            if(!(file.name.indexOf('.png') !== -1 || file.name.indexOf('.jpg') !== -1 || file.name.indexOf('.jpeg') !== -1 || file.name.indexOf('.JPG') !== -1)){
                this.$message.warning('请上传图片（.png、.jpg、.JPG和.jpeg）')
                return false
            }
            const fileData = new FormData();
            fileData.append("file",file);
            fileData.append("id",that.formField.id);
            jcylxdjcjuploadMyQm(fileData).then(res=>{
                if(res.code !== 200){
                    that.$message.warning('请上传图片（.png、.jpg、.JPG和.jpeg）或者联系管理员!')
                }else{
                    that.isUploadHead = false
                    that.refreshTable(that.importData)
                    that.imgBoxData = false
                    this.formField.photoLink = ''
                    this.formField.jcyZjLink = ''
                    this.formField.signLink = ''
                    that.$message.success('上传成功')
                }
            })
        },
        //
        
        getGzdw(val){//获取工作单位
            jcylxdjcjdwList({fdwqc:val}).then(res=>{
                if(res.code == 200){
                    this.gzdwList = res.result.records
                    this.dropdown1Key = Date.now()
                }else{
                    this.gzdwList = []
                }
            })
        },
        fgzdwfocusEvent(){
            this.$refs.fgzdwPulldownRef.showPanel()
            this.getGzdw(this.formField.fgzdw)
        },
        fgzdwkeyupEvent(){
            this.$refs.fgzdwPulldownRef.showPanel()
            this.getGzdw(this.formField.fgzdw)
            
        },
        fgzdwInput(){
            this.$refs.fgzdwPulldownRef.showPanel()
            this.getGzdw(this.formField.fgzdw)
            
        },
        fgzdwselectEvent(item){
            this.$refs.fgzdwPulldownRef.hidePanel()
            this.formField.fgzdw = item.fdwqc
            this.formField.fsfyjs = item.fsfyjs
            this.formField.fssqy = item.fssds
            this.formField.fdwlx = item.fdwlx
            this.formField.fgzdwdz = item.fdwdz
            let data = {
                fgzdw:item.fdwqc,
                fsfyjs:item.fsfyjs,
                fssqy:item.fssds,
                fdwlx:item.fdwlx,
                fgzdwdz:item.fdwdz,
            }
            this.basicBlur(data)
        },
        titleSeriesClick(){//职称系列
            this.$refs.titleSeriesRef.visible = true
            this.$refs.titleSeriesRef.getData()
        },
        selectIntact(xl){//选完职称后
            this.formField.fzcxl = xl
            this.$refs.titleSeriesRef.visible = false
            this.basicBlur('fzcxl',xl)
            this.getJszcList(xl)
            
            // fzcxl
        },
        getJszcList(val){
            jcylxdjcjjszcList({fzcxllx2:val}).then(res=>{
                if(res.code == 200){
                    this.jszgList = res.result
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        jszgselectEvent(item){
            let data = {
                fzyjszg:item.title,
                fzc:item.jb,
            }
            this.$refs.fzyjszgPulldownRef.hidePanel()
            this.basicBlur(data)
        },
        fzyjszgfocusEvent(){
            this.$refs.fzyjszgPulldownRef.showPanel()
        },
        fzyjszgkeyupEvent(){
            this.$refs.fzyjszgPulldownRef.showPanel()
        },
        fzyjszgInput(){
            this.$refs.fzyjszgPulldownRef.showPanel()
        },
        handleResize(){
            this.windowWidth = window.innerWidth;
            if (window.innerWidth <= 768) {
                this.isMobile = true;
            } else {
                this.isMobile = false;
            }
        },
        // nextStep(){//下一步
        //     this.form.validateFields(['code'], { force: true }, (err, values) => {
        //         if (!err) {
        //             spcyJcydjbVerifyJcydjb({fsfzh:this.firstStepData.fsfzh,code:this.firstStepData.code}).then(res=>{
        //                 if(res.code == 200){
        //                     this.stepNum = 2
        //                     //console.log(res.result)
        //                     res.result.djb.sex = res.result.djb.sex?String(res.result.djb.sex):''
        //                     this.djbData = res.result
        //                     res.result.gzjlList = res.result.gzjlList.length?res.result.gzjlList.map(item=>{
        //                         return {...item,fgzkssj:item.fgzkssj?moment(item.fgzkssj):'',fgzjssj:item.fgzjssj == '至今' ?item.fgzjssj:(item.fgzjssj?moment(item.fgzjssj):''),}}):[]
        //                     res.result.wzList = res.result.wzList.length?res.result.wzList.map(item=>{
        //                         return {...item,ffbsj:item.ffbsj?moment(item.ffbsj):''}}):[]
        //                     this.jobResumeList = res.result.gzjlList.length?res.result.gzjlList:[{fgzkssj:'',fgzjssj:'',fgzdw:'',fcsgz:'',fzw:'',}]
        //                     this.publishList = res.result.wzList.length?res.result.wzList:[{ ffbsj:'', fqkmc:'', fwzmc:'', }]
        //                     this.djbData.lbList = res.result.lbList.map(item=>{ return {
        //                         ...item,
        //                         fxzzt:item.lb.fxzzt=='1'?true:false,fcjcs:item.lb.fcjcs == '0'?'':item.lb.fcjcs,
        //                         // fjctz:item.lb.fjctz.split(',')
        //                     }})
        //                     this.formField = res.result.djb
        //                     this.currentId = ''
        //                     this.validateChange(this.formField)
        //                     this.djbId = this.djbData.djb.id
        //                     this.$router.replace(`/inspectorInformationTable?stepNum=`+this.stepNum+'&djbId='+this.djbData.djb.id);
        //                     // window.localStorage.setItem('djbId', this.djbData.djb.id);
        //                     this.stepCurrent = this.djbData.djb.fsjcjzt == '填写中'?1:2
        //                     //console.log('this.djbData',this.djbData)
        //                 }else{
        //                     this.$message.warning(res.message)
        //                 }
        //             })
        //         }
        //     })
            
        // },
        backclick(){
            var that = this
            this.$confirm({
                title:'确认要回到上一步吗？',
                onOk() {
                    that.stepNum = ''
                    that.$router.replace(`/inspectorInformationTable`);
                    that.stepCurrent = 0
                }
            })
            
        },
        refreshTable(val,tips){//刷新
            spcyJcydjbQueryDjbById(val).then(res=>{
                if(res.code == 200){
                    res.result.djb.sex = res.result.djb.sex?String(res.result.djb.sex):''
                    this.djbData = res.result
                    this.djbData.lbList = res.result.lbList.map(item=>{ return {
                        ...item,
                        fxzzt:item.lb.fxzzt=='1'?true:false,fcjcs:item.lb.fcjcs == '0'?'':item.lb.fcjcs,
                        // fjctz:item.lb.fjctz.split(',')
                    }})
                    res.result.gzjlList = res.result.gzjlList.length?res.result.gzjlList.map(item=>{
                        return {...item,fgzkssj:item.fgzkssj?moment(item.fgzkssj):'',fgzjssj:item.fgzjssj == '至今' ?item.fgzjssj:(item.fgzjssj?moment(item.fgzjssj):'')}}):[]
                    res.result.wzList = res.result.wzList.length?res.result.wzList.map(item=>{
                        return {...item,ffbsj:item.ffbsj?moment(item.ffbsj):''}}):[]
                    this.jobResumeList = res.result.gzjlList.length?res.result.gzjlList:[{fgzkssj:'',fgzjssj:'',fgzdw:'',fcsgz:'',fzw:'',}]
                    this.publishList = res.result.wzList.length?res.result.wzList:[{ ffbsj:'', fqkmc:'', fwzmc:'', }]
                    this.djbId = this.djbData.djb.id
                    // //console.log('res.result.djb.email',res.result.djb.email)
                    // //console.log('res.result.djb.email',res.result.djb.email.indexOf('@'))
                    // //console.log('res.result.djb.email',res.result.djb.email.substring(res.result.djb.email.indexOf('@')))
                    // this.emailSuffix = res.result.djb.email && res.result.djb.email.indexOf('@') !== -1?(res.result.djb.email.substring(res.result.djb.email.indexOf('@')+1)):'qq.com'
                    // res.result.djb.email = res.result.djb.email?(res.result.djb.email.indexOf('@') !== -1? res.result.djb.email.substring(0,res.result.djb.email.indexOf('@')):res.result.djb.email):''
                    
                    this.formField = res.result.djb
                    this.actionApi = bootConfig[process.env.NODE_ENV].locality_ApI+YchConstant.SPZX_SPCY+'/jcylxdjcj/uploadMyPhoto?id='+this.formField.id
                    this.getJszcList(this.formField.fzcxl?this.formField.fzcxl:'')
                    this.formField.fcsjckssj = this.formField.fcsjckssj?moment(this.formField.fcsjckssj):''
                    this.formField.fzchqsj = this.formField.fzchqsj?moment(this.formField.fzchqsj):''
                    this.validateChange(this.formField)
                    if(tips){
                        this.$message.success('刷新成功')
                    }
                    this.stepCurrent = this.djbData.djb && this.djbData.djb.fsjcjzt == '填写中'?0:(this.djbData && this.djbData.djb.fsjcjzt == '已提交'?1:2)
                    //console.log('this.djbData',this.djbData)
                    this.currentId = ''
                    this.jobResumeListKey = Date.now()
                    this.lbListKey = Date.now()
                    jcylxdjcjgetUserSignPhotoLink({id:this.formField.id}).then(res=>{
                        if(res.code == 200){
                            
                            this.formField = {
                                ...this.formField,
                                ...res.result
                            }
                            this.validateChange(this.formField)
                            this.imgBoxKey = Date.now()
                            this.imgBoxData = true
                        }else{

                        }
                    })
                }else{
                    this.$message.warning(res.message)
                    // this.stepNum = ''
                    // this.$router.replace(`/inspectorInformationTable`);
                    // this.stepCurrent = 0
                }
            })
            
        },
        validateChange(val){
            // validateArr
            //validateIdData
            this.validateArr = []
            this.validateIdData.forEach(item=>{
                if(!val[item]){
                    if(!this.validateArr.filter(l=>l == item).length){
                        this.validateArr.push(item)
                    }
                }
            })
        },
        basicBlur(name,val,num){
            //console.log(name,val)
            let data = {id:this.djbData.djb.id,flxjhid:this.importData.flxjhid}
            if(typeof name !== 'string'){
                data = {...data,...name}
            }else{
                
                data[name] = num?moment(val).format(num):val
            }
            spcyJcydjbUpdateJcydjb(data).then(res=>{
                if(res.code == 200){
                    this.refreshTable(this.importData)
                }else{
                    this.$message.warning(res.message)
                }
            })
            if(name == 'fgzdw' || name.fgzdw){
                if(this.jobResumeList.length){
                    this.obResumeBlur('fgzdw',{...this.jobResumeList[0],fgzdw:name.fgzdw?name.fgzdw:val,fgzjssj:this.jobResumeList[0].fgzjssj?this.jobResumeList[0].fgzjssj:'至今'})
                }else{
                    this.obResumeBlur('fgzdw',{fgzdw:name.fgzdw?name.fgzdw:val,fgzjssj:'至今'})
                }
                
            }
            if(name == 'fcsgz' && !this.jobResumeList[0].fcsgz){
                this.obResumeBlur('fcsgz',{...this.jobResumeList[0],fcsgz:this.formField.fcsgz})
            }
            if(name == 'fzw' && !this.jobResumeList[0].fzw){
                this.obResumeBlur('fzw',{...this.jobResumeList[0],fzw:this.formField.fzw})
            }
            
            
        },
        selectHandleChange(name,val){
            //console.log(name,val)
            let data = {id:this.djbData.djb.id,flxjhid:this.importData.flxjhid}
            data[name] = val
            spcyJcydjbUpdateJcydjb(data).then(res=>{
                if(res.code == 200){
                    this.refreshTable(this.importData)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        onLbChange(val){
            spcyJcydjbUpdateLb({id:val.lb.id,fxzzt:val.fxzzt?'0':'1'}).then(res=>{
                if(res.code == 200){
                    this.djbData.lbList[val.index].fxzzt = !this.djbData.lbList[val.index].fxzzt
                    if(this.djbData.lbList[val.index].fxzzt){
                        this.$nextTick(() => {
                            // this.$refs['fcjcsInput'+val.index].focus()
                            // document.querySelector('textarea').focus()
                            document.getElementById('fcjcsInput'+val.index).focus()
                        })
                    }
                    
                }else{
                    
                    this.$message.warning(res.message)
                }
                this.refreshTable(this.importData)
            })
        },
        fcjcsBlur(id,val){//次数
            spcyJcydjbUpdateLb({id:id,fcjcs:val}).then(res=>{
                if(res.code == 200){
                    this.refreshTable(this.importData)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        onTcChange(id,val){
            //console.log(id,val)
            spcyJcydjbUpdateLb({id:id,fjctz:val.length?val.join(','):''}).then(res=>{
                if(res.code == 200){
                    this.refreshTable(this.importData)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        

        obResumeBlur(name,item,num){
            if(item.id){
                this.updateObResume(name,item,num)
            }else{
                spcyJcydjbaddDjgzjl({id:this.djbData.djb.id}).then(res=>{
                    if(res.code == 200){
                        //console.log('添加工作经历',res.result.id)
                        this.updateObResume(name,{...item,id:res.result.id},num)
                        this.refreshTable(this.importData)
                    }else{
                        this.$message.warning(res.message)
                    }
                })
            }
        },
        fgzjssjClick(val,item,index){
            this.jobResumeList[index].fgzjssj = val
            this.obResumeBlur('fgzjssj',item)
        },
        updateObResume(name,item,num){
            //console.log(name,item,num)
            let data = {...item,id:item.id,}
            data[name] = num?num:item[name]
            spcyJcydjbupdateGzjl(data).then(res=>{
                if(res.code == 200){
                    this.refreshTable(this.importData)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        deleteJobResume(item){//删除工作经历
            var that = this
            this.$confirm({
                title:'确认要删除吗？',
                // icon: createVNode(ExclamationCircleOutlined),
                onOk() {
                    spcyJcydjbdeleteGzjl({id:item.id}).then(res=>{
                        if(res.code == 200){
                            that.refreshTable(that.importData)
                            that.$message.success(res.message)
                        }else{
                            that.$message.warning(res.message)
                        }
                    })
                }
            })
        },
        addWorkExpeClick(){//添加工作惊雷
            this.jobResumeList.push({
                fgzkssj:'',
                fgzjssj:'',
                fgzdw:'',
                fcsgz:'',
                fzw:'',
            })
            this.jobResumeListKey = Date.now()
        },
        //文章
        publishBlur(name,item,num){
            if(item.id){
                this.updatePublish(name,item,num)
            }else{
                spcyJcydjbaddDjwz({id:this.djbData.djb.id}).then(res=>{
                    if(res.code == 200){
                        //console.log('添加工作经历',res.result.id)
                        this.updatePublish(name,{...item,id:res.result.id},num)
                        
                    }else{
                        this.$message.warning(res.message)
                    }
                    this.refreshTable(this.importData)
                })
            }
        },
        updatePublish(name,item,num){
            let data = {id:item.id,flxjhid:this.importData.flxjhid}
            data[name] = num?num:item[name]
            spcyJcydjbupdateWz(data).then(res=>{
                if(res.code == 200){
                    
                }else{
                    this.$message.warning(res.message)
                }
                this.refreshTable(this.importData)
            })
        },
        deletePublish(item){//删除文章
            var that = this
            this.$confirm({
                title:'确认要删除吗？',
                // icon: createVNode(ExclamationCircleOutlined),
                onOk() {
                    spcyJcydjbdeleteWz({id:item.id}).then(res=>{
                        if(res.code == 200){
                            that.refreshTable(that.importData)
                            that.$message.success(res.message)
                        }else{
                            that.$message.warning(res.message)
                        }
                    })
                }
            })
        },
        addPublishBlurClick(){//添加工作惊雷
            this.publishList.push({
                ffbsj:'',
                fqkmc:'',
                fwzmc:'',
            })
            this.lbListKey = Date.now()
        },
        exportClick(){//下载
            var that = this
            spcyJcydjbreplateFile({id:this.djbData.djb.id,flxjhid:this.importData.flxjhid}).then((data) => {
                if (!data) {
                    that.$message.warning('文件下载失败')
                    return
                }
                    let index = blobType.suffix.indexOf('.pdf')
                    let url = window.URL.createObjectURL(new Blob([data], { type:blobType.type[index] }))
                    let link = document.createElement('a')
                    link.style.display = 'none'
                    link.href = url
                    link.setAttribute('download', '审评员登记表' + '.pdf')
                    document.body.appendChild(link)
                    link.click()
                    document.body.removeChild(link) //下载完成移除元素
                    window.URL.revokeObjectURL(url) //释放掉blob对象
                // }
            })
        },
        uploadClick({file}){
            let that = this
            if(!(file.name.indexOf('.png') !== -1 || file.name.indexOf('.jpg') !== -1 || file.name.indexOf('.jpeg') !== -1 || file.name.indexOf('.pdf')!== -1)){
                this.$message.warning('请上传文件后缀为png、jpg、jpeg或pdf')
                return false
            }
            const fileData = new FormData();
            fileData.append("file",file);
            fileData.append("id",that.djbData.djb.id);
            fileData.append("flxjhid",that.importData.flxjhid);
            jcylxdjcjuploadtjbgzFile(fileData).then(res=>{
                if(res.code !== 200){
                    that.$message.warning('请上传文件后缀为png、jpg、jpeg、pdf或者联系管理员!')
                }else{
                    that.refreshTable(that.importData)
                    that.$message.success('上传成功')
                }
            })
        },
        exportGzhClick(){
            if(this.djbData.djb.fcfgzwj){
                jcylxdjcjdownloadTjbGzFile({id:this.djbData.djb.id,flxjhid:this.importData.flxjhid}).then((data) => {
                    if (!data) {
                        that.$message.warning('文件下载失败')
                        return
                    }
                        let index = blobType.suffix.indexOf(this.djbData.djb.fcfgzwj)
                        let url = window.URL.createObjectURL(new Blob([data], { type:blobType.type[index] }))
                        let link = document.createElement('a')
                        link.style.display = 'none'
                        link.href = url
                        link.setAttribute('download', '盖章后的登记表' + this.djbData.djb.fcfgzwj)
                        document.body.appendChild(link)
                        link.click()
                        document.body.removeChild(link) //下载完成移除元素
                        window.URL.revokeObjectURL(url) //释放掉blob对象
                    // }
                })
            }
            
        },
        scrollIntoViewChange(val){
            this.currentId = val
            this.currentIdKey = Date.now()
            const tabsId = document.querySelector('#'+val);
            //console.log(tabsId.offsetTop)
            document.querySelector('#'+val).scrollIntoView({
                top: tabsId.offsetTop+200,
                block: 'start',
                behavior: "smooth"
            })
        },
        submitTo(val){
            //console.log(val)
            if(val){
                let that = this
                if(that.djbData.djb.fcfgzwj){
                    this.$confirm({
                    title:'确认要提交吗？',
                    // icon: createVNode(ExclamationCircleOutlined),
                        onOk() {
                            spcyJcydjbsubmitJcydjb({id:that.djbData.djb.id,flxjhid:that.importData.flxjhid}).then(res=>{
                                if(res.code == 200){
                                    that.refreshTable(that.importData)
                                    that.$message.success(res.message)
                                }else{
                                    that.$message.warning(res.message)
                                }
                            })
                        }
                    })
                }else{
                    that.$message.warning('请先上传盖章后的登记表')
                }
                
            }else{
                if(this.validateArr.length){
                this.scrollIntoViewChange(this.validateArr[0])
                }else{
                    let that = this
                    this.$confirm({
                    title:'确认要下一步吗？',
                    // icon: createVNode(ExclamationCircleOutlined),
                        onOk() {
                            spcyJcydjbsubmitJcydjb({id:that.djbData.djb.id,flxjhid:that.importData.flxjhid}).then(res=>{
                                if(res.code == 200){
                                    that.refreshTable(that.importData)
                                    that.$message.success(res.message)
                                }else{
                                    if(res.message.indexOf('工作经历') !== -1){
                                        that.scrollIntoViewChange('jobResId')
                                    }else if(res.message.indexOf('专家分类') !== -1){
                                        that.scrollIntoViewChange('lbId')
                                    }else{
                                        that.$message.warning(res.message)
                                    }
                                    
                                }
                            })
                        }
                    })
                }
            }
           
            
        },
        //撤回申报
        WithdrawalDeclaration(){
            spcyJcydjbupdateSjcjzt({ids:this.djbData.djb.id,flxjhid:this.importData.flxjhid}).then(res=>{
                if(res.code == 200){
                    this.refreshTable(this.importData)
                    this.$message.success(res.message)
                }else{
                    this.$message.warning(res.message)
                }
            })
        },
        goSignIn(){
            var a = document.createElement('a');
            a.href = bootConfig[process.env.NODE_ENV].EXTERNAL_ACCESS_URL+process.env.BASE_URL+'selectionRegistrationSelectType?id='+this.importData.id+'&flxjhid='+this.importData.flxjhid
            a.click();
        }
        
    }
}
</script>
<style lang="less">
.inspector-information-table-content{
    // height: calc(100vh - 40px);
    // margin: 10px 0;
    // overflow-y: auto;
    overflow: hidden;
    .ant-steps-item-title{
        font-size:18px;
    }
    .inspector-information-bottom-v{
        height: calc(100vh - 150px);
        overflow-y: auto;
        overflow-x: hidden;
    }
    .inspector-info-step-v{
        margin: 0 10px;
        .ant-steps{
            display: flex;
        }
        .ant-steps-item-active::before{
            width: 0 !important;
            height: 0 !important;
        }
        .ant-steps-item-container{
            padding-bottom: 0;
        }
        .ant-steps-item::after{
            top: -9px;
            left: 90%;
            transform: rotate(45deg);
        }
        .ant-steps-item-icon {
            float: left;
            margin-right: 8px;
        }
        .ant-steps-item-content{
            min-height: 30px;
        }
    }
    .inspector-registration-first-step{
        margin: 10px 0;
        margin-top: 50px;
    }
    .inspector-table-from-d{
        margin:10px;
        display: flex;
        align-items: center;
        .inspector-asterisk-v{
            color:#f5222d;
            font-size: 24px;
            display: flex;
            width: 6px;
            height: 16px;
            line-height: 21px;
        }
        .inspector-table-text{
            display: flex;
            align-items: center;
            .table-text-s{
                font-weight: 600;
                text-align: right;
                display: flex;
                justify-content: flex-end;
                width: 82px;
                font-size:16px;
                .inspector-asterisk-v{
                    padding-right: 10px;
                    line-height:34px;
                }
                .first-asterisk-v{
                    line-height: 50px;
                }
            }
        }
        
        .left-text-v{

        }
        .right-content-v{
            flex: 1;
            font-size:18px;
            .inspector-table-code-btn-box{
                height: 32px;
                width: 88px;
            }
        }
        .email-suffix-v{
            display: flex;
            align-items: center;
        }
        
        
    }
    .table-from-d-car{
        align-items: flex-start;
        .table-text-car{
            height: 40px;
            line-height: 40px;
        }
    }
    .text-xfl-box-v{
        text-align: center;
        background-color: #eef9ff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 5px 0;
        font-size: 18px;
        .text-xfl{
            margin: 0;
            font-weight: 600;
            display: flex;
            .inspector-asterisk-v{
                color:#f5222d;
                padding-right: 15px;
                font-size: 24px;
                display: flex;
                width: 6px;
                height: 28px;
                line-height: 36px;
            }
        }
    }
    .itable-large-area{
        margin: 10px;
        
        .itable-content-v{
            margin: 0 10px;
            font-size:18px;
            .ant-checkbox-wrapper{
                font-size:18px;
            }
            .ant-checkbox-disabled + span {
                color: rgba(0, 0, 0, 0.65);
            }
        }
    }
    
    .inspector-registration-second-step{
        margin: 10px 0;
        .tips-flex{
            display: flex;
            padding-left: 96px;
            padding-bottom: 5px;
            .tips-text-v{
                color: #f5222d;
            }
        }
    }
    .ant-input-disabled{
        background: #fff;
        color: rgba(0, 0, 0, 0.65);
    }
    .lb-list-checkbox{
        display: flex;
        align-items: flex-start;
        .ant-checkbox{
            margin-top: 7px;
        }
        .lb-type-list-v{
            .ant-checkbox{
                margin-top: 0px;
            }
        }
    }
    .a-select-option{
        font-size:18px
    }
}
.is-mobile-information-table-content{
        display: flex;
        justify-content: center;
        background-color: #f0f2f5;
    .is-mobile-box-v-information{
        width: 500px;
            background-color: #fff;
            margin: 8px 0;
            height: calc(100vh - 16px);
            box-shadow: 0px 0px 11px rgba(158, 188, 229, 0.8);
            overflow: auto;
            .inspector-information-bottom-v{
                height: calc(100vh - 168px);
            }
    }
}

</style>